<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>小米商城</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="./css/xiaomi.css">
	<link rel="stylesheet" href="./css/font-awesome.css">
</head>

<body>
	<!-- 头部开始 -->
	<div class="head">
		<!-- 头部上面 -->
		<div class="head_all">
			<div class="head_top">
				<div class="head_top_nav">
					<a href="#">小米官网</a>
					<span>|</span>
					<a href="#">小米商城</a>
					<span>|</span>
					<a href="#">MIUI</a>
					<span>|</span>
					<a href="#">IoT</a>
					<span>|</span>
					<a href="#">云服务</a>
					<span>|</span>
					<a href="#">天星数科</a>
					<span>|</span>
					<a href="#">有品</a>
					<span>|</span>
					<a href="#">小爱开放平台</a>
					<span>|</span>
					<a href="#">企业团购</a>
					<span>|</span>
					<a href="#">资质证照</a>
					<span>|</span>
					<a href="#">协议规则</a>
					<span>|</span>
					<a href="#" class="down">
						下载app
						<span class="down_load">
							<img src="./images/download.png" />
							<i>小米商城APP</i>
						</span>

					</a>
					<span>|</span>
					<a href="#">Select Location</a>

				</div>
				<div class="head_top_login">
					<a href="#">登录</a>
					<span>|</span>
					<a href="#">注册</a>
					<span>|</span>
					<a href="#">消息通知</a>
				</div>
				<div class="head_top_shopping">
					<a href="#">
						<em class="gwc"></em>
						购物车
						<span class="number">(0)</span>
					</a>
					<div class="white_board">
						<i class="board_text">购物车还没有商品，赶紧选购吧！</i>
					</div>
				</div>
			</div>
		</div>
		<!-- 头部下面 -->
		<div class="head_bottom">
			<div class="head_bottom_all">
				<div class="xiaomi_logo">
					<a href="#"></a>
				</div>
				<div class="head_bottom_nav">
					<ul>
						<li class="xiaomi">
							<a href="#" class="phone">Xiaomi手机</a>
							<ol class="xiaomi_phone">
								<div class="xiaomi_phone_all">
									<li class="first">
										<div class="xiaomi_small">
											<a href="#">
												<div>
													<img src="./images/phone1.webp" />
												</div>
												<p>Xiaomi 12S Ultra</p>
												<p class="number">5999元起</p>
											</a>

										</div>
									</li>
									<li>
										<div class="xiaomi_small">
											<a href="#">
												<div>
													<img src="./images/phone2.webp" />
												</div>
												<p>Xiaomi 12S Pro</p>
												<p class="number">4699元起</p>
											</a>

										</div>
									</li>
									<li>
										<div class="xiaomi_small">
											<a href="#">
												<div>
													<img src="./images/phone2.webp" />
												</div>
												<p>Xiaomi 12S </p>
												<p class="number">3999元起</p>
											</a>

										</div>
									</li>
									<li>
										<div class="xiaomi_small">
											<a href="#">
												<div>
													<img src="./images/phone3.webp" />
												</div>
												<p>Xiaomi 12 Pro 天玑版</p>
												<p class="number">3999元起</p>
											</a>

										</div>
									</li>
									<li>
										<div class="xiaomi_small">
											<a href="#">
												<div>
													<img src="./images/phone4.webp" />
												</div>
												<p>Xiaomi Civi 1S</p>
												<p class="number">2299元起</p>
										</div>
										</a>

									</li>
									<li>
										<div class="xiaomi_small">
											<a href="#">
												<div>
													<img src="./images/phone5.webp" />
												</div>
												<p>Xiaomi 12 Pro</p>
												<p class="number">4699元起</p>
											</a>
										</div>
									</li>
								</div>
							</ol>

						</li>
						<li><a href="#" class="phone">Redmi手机</a></li>
						<li><a href="#" class="phone">电视</a></li>
						<li><a href="#" class="phone">笔记本</a></li>
						<li><a href="#" class="phone">平板</a></li>
						<li><a href="#" class="phone">家电</a></li>
						<li><a href="#" class="phone">路由器</a></li>
						<li><a href="#" class="phone">服务中心</a></li>
						<li><a href="#" class="phone">社区</a></li>
					</ul>
				</div>
				<div class="search">
					<form>
						<input type="text" class="search_text" id="hadTxtSearch" placeholder="红米" />
						<input type="submit" class="search_se fa fa-search" value="&#xf002;">
						<ul class="search_all">
							<li><a href="#">全部商品</a></li>
							<li><a href="#">红米</a></li>
							<li><a href="#">手机</a></li>
							<li><a href="#">黑鲨5</a></li>
							<li><a href="#">冰箱</a></li>
							<li><a href="#">电视</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">Redmi G 2021</a></li>
						</ul>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- 头部结束 -->

	<!-- 中部开始 -->
	<div class="banner">
		<div class="banner_all">
			<!-- 中间上部分 -->
			<div class="banner_all_top">
				<div class="banner_top_left">
					<ul class="left_all">
						<li class="left_variety first_variety">手机
							<span class="	fa fa-angle-right"></span>
							<div class="phone_variety">
								<ul>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety2.webp" />
											<i>Xiaomi 12S Ultra</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety3.webp" />
											<i>Xiaomi 12S Pro</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety4.webp" />
											<i>Xiaomi 12 Pro 天玑版</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety5.webp" />
											<i>Note 11T Pro+</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety5.webp" />
											<i>Note 11T Pro</i>
										</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
									<li>
										<a href="#" class="variety_all">
											<img src="./images/variety1.webp" />
											<i>Xiaomi 12S</i>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="left_variety">电脑
							<span class="	fa fa-angle-right"></span>
						</li>
						<li class="left_variety">笔记本 平板
							<span class="	fa fa-angle-right"></span>
						</li>
						<li class="left_variety">出行 穿戴
							<span class="	fa fa-angle-right"></span>
						</li>
						<li class="left_variety">耳机 音箱
							<span class="	fa fa-angle-right"></span>
						</li>
						<li class="left_variety">家电
							<span class="	fa fa-angle-right"></span>
						</li>
						<li class="left_variety">智能 路由器
							<span class="	fa fa-angle-right"></span>
						</li>
						<li class="left_variety">电源 配件
							<span class="	fa fa-angle-right"></span>
						</li>
						<li class="left_variety">健康 儿童
							<span class="	fa fa-angle-right"></span>
						</li>
						<li class="left_variety">生活 箱包
							<span class="	fa fa-angle-right"></span>
						</li>
					</ul>
				</div>
				<div class="banner_top_right">
					<div class="swiperAll">
						<a href="#"><img src="./images/swiper1.jpg" alt="" style="opacity: 1;" id="swiperPhoto"></a>
						<a href="#"><img src="./images/swiper2.jpg" alt=""></a>
						<a href="#"><img src="./images/swiper3.webp" alt=""></a>
						<a href="#"><img src="./images/swiper4.webp" alt=""></a>
					</div>
					<div class="mark">
						<a class="mark_dot" id="markDot"></a>
						<a class="mark_dot"></a>
						<a class="mark_dot"></a>
						<a class="mark_dot"></a>
					</div>
					<div class="left_arrow"></div>
					<div class="right_arrow"></div>
				</div>
			</div>
			<!-- 中间下部分 -->
			<div class="banner_all_bottom">
				<div class="bottom_left">
					<ul>
						<li>
							<a href="#">
								<img src="./images/clock.png" />
								<p>保障服务</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./images/house.png" />
								<p>企业团购</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./images/fcode.png" />
								<p>F码通道</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./images/mifengcode.png" />
								<p>米粉卡</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./images/money.png" />
								<p>以旧换新</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./images/spend.png" />
								<p>话费充值</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="bottom_right">
					<ul>
						<li><a href="#"><img src="./images/xiaomi12s.jpg"></a></li>
						<li><a href="#"><img src="./images/xiaomi12p.jpg"></a></li>
						<li><a href="#"><img src="./images/xiaomiwatch.jpg"></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 中部结束 -->

	<!-- 主体开始 -->
	<div class="main">
		<div class="main_all">
			<div class="nav1">
				<a href="#"><img src="./images/nav1.webp"></a>
			</div>
			<div class="phone">
				<div class="phone_nav">
					<h2>手机</h2>
					<a href="#" class="view">查看更多
						<i class="arrow fa fa-angle-right"></i>
					</a>
				</div>
				<div class="phone_kind">
					<div class="kind_left">
						<a href="#"><img src="./images/kind1.webp"></a>
					</div>
					<div class="kind_right">
						<ul>
							<li>
								<a href="#">
									<img src="./images/kind2.webp">
									<h3>Xiaomi 12S Ultra</h3>
									<p class="text">这真徕卡｜专业徕卡影像</p>
									<p class="price">5999元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/kind3.webp">
									<h3>Xiaomi 12S Pro </h3>
									<p class="text">骁龙8+ 旗舰处理器 | 徕卡影像</p>
									<p class="price">4699元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/kind4.webp">
									<h3>Xiaomi 12S</h3>
									<p class="text">小尺寸性能旗舰 | 徕卡影像</p>
									<p class="price">3999元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/kind5.webp">
									<h3>Xiaomi 12 Pro 天玑版</h3>
									<p class="text">全球首发天玑9000+｜叶脉冷泵散热系统｜2K AMOLED 超视感屏 ｜5000万疾速影像</p>
									<p class="price">3999元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/kind6.webp">
									<h3>Redmi Note 11T Pro+</h3>
									<p class="text">天玑8100｜真旗舰芯</p>
									<p class="price">1999元起
										<span class="num">2099元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/kind7.webp">
									<h3>Redmi Note 11T Pro</h3>
									<p class="text">天玑8100｜真旗舰芯</p>
									<p class="price">1699元起
										<span class="num">1799元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/kind8.webp">
									<h3>Redmi Note 11SE</h3>
									<p class="text">双卡双5G｜疾速登陆</p>
									<p class="price">999元起
										<span class="num">1099元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/kind9.webp">
									<h3>Xiaomi Civi 1S</h3>
									<p class="text">这真徕卡｜专业徕卡影像</p>
									<p class="price">2299元起</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="smart">
				<div class="smart_nav">
					<h2>智能穿戴</h2>
					<ul>
						<li class="smart_first">热门</li>
						<li>穿戴</li>
					</ul>
				</div>
				<div class="smart_kind">
					<div class="kind_left">
						<a href="#"><img src="./images/smart1.webp"></a>
					</div>
					<div class="kind_right">
						<ul>
							<li>
								<a href="#">
									<img src="./images/smart2.webp">
									<h3>Xiaomi Watch S1</h3>
									<p class="text">蓝宝石玻璃镜面 | 不锈钢中框 | 1.43”AMOLED大屏幕</p>
									<p class="price">999元起
										<span class="num">1099元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart3.webp">
									<h3>Xiaomi真无线降噪耳机3</h3>
									<p class="text">40dB宽频主动降噪 | HiFi高保真音质 | HRTF专业调音</p>
									<p class="price">399元起
										<span class="num">499元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart4.webp">
									<h3>Redmi 手表 2</h3>
									<p class="text">1.6"AMOLED大屏 | 117种运动模式 | 24小时心率监测</p>
									<p class="price">379元起
										<span class="num">399元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart5.webp">
									<h3>小米手环6 NFC版</h3>
									<p class="text">1.56" 跑道全面彩屏 | 30种运动模式 | 24小时心率监测</p>
									<p class="price">229元起
										<span class="num">279元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart6.webp">
									<h3>Xiaomi 真无线降噪耳机 3 Pro</h3>
									<p class="text">40dB自适应降噪 ｜空间音频 ｜ HiFi高保真音质</p>
									<p class="price">599元起
										<span class="num">699元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart7.webp">
									<h3>Redmi Buds 3半入耳真无线蓝牙耳机</h3>
									<p class="text">轻巧半入耳 | 通话降噪 | 20小时长续航</p>
									<p class="price">179元起
										<span class="num">199元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart8.webp">
									<h3>Redmi Buds 3 青春版</h3>
									<p class="text">轻巧真无线 | 猫耳状稳固设计 | 18小时长续航</p>
									<p class="price">99元起</p>
								</a>
							</li>
							<li class="smart_end">
								<a href="#">
									<div class="jt"></div>
									浏览更多
									<small>热门</small>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="notebook">
				<div class="smart_nav">
					<h2>笔记本 | 平板</h2>
					<ul>
						<li class="smart_first">热门</li>
					</ul>
				</div>
				<div class="notebook_kind">
					<div class="kind_left">
						<a href="#"><img src="./images/notebook1.webp" /></a>
					</div>
					<div class="kind_right">
						<ul>
							<li>
								<a href="#">
									<img src="./images/notebook2.webp">
									<h3>Redmi Book Pro 15 2022</h3>
									<p class="text">全新12代英特尔处理器</p>
									<p class="price">5599元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/notebook3.webp">
									<h3>Redmi G 2021 R7/RTX3050Ti/16G/51</h3>
									<p class="text">有光追，才是高性能游戏本</p>
									<p class="price">5799元起
										<span class="num">6299元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/notebook4.webp">
									<h3>Pro 14 增强版 i5 独显 - Win11</h3>
									<p class="text">2.5K超视网膜全面屏</p>
									<p class="price">4799元起
										<span class="num">5599元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/notebook5.webp">
									<h3>RedmiBook Pro 15 R5/16G/512G 灰</h3>
									<p class="text">3.2K 超清视网膜全面屏 | 微米级一体精雕工艺 </p>
									<p class="price">4699元起
										<span class="num">5299元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/notebook6.webp">
									<h3>Redmi Book Pro 14 2022</h3>
									<p class="text">全新12代英特尔处理器，2.5K 120Hz高清屏，可选MX550独立显卡,CNC一体精雕工艺</p>
									<p class="price">5399元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/notebook7.webp">
									<h3>小米平板5 Pro</h3>
									<p class="text">骁龙870芯片 | 2.5K超高清｜120HZ高刷新率 </p>
									<p class="price">2349元起
										<span class="num">2499元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/notebook8.webp">
									<h3>RedmiBook Pro 14 R5 16G 512G UMA</h3>
									<p class="text">2.5K超视网膜全面屏</p>
									<p class="price">3999元起
										<span class="num">4699元</span>
									</p>
								</a>
							</li>
							<li class="not_end">
								<a href="#">
									Redmi显示器23.8英寸
									<small>599元</small>
									<div class="not_photo"></div>
								</a>
							</li>
							<li class="smart_end">
								<a href="#">
									<div class="jt"></div>
									浏览更多
									<small>热门</small>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="home_appliances ">
				<div class="smart_nav">
					<h2>家电</h2>
					<ul>
						<li class="smart_first">热门</li>
						<li>电视影音</li>
					</ul>
				</div>
				<div class="home_appliances_kind">
					<div class="home_left">
						<a href="#"><img class="home_left1" src="images/home1.webp" /></a>
						<a href="#"><img class="home_left2" src="images/home2.webp" /></a>
					</div>
					<div class="kind_right">
						<ul>
							<li>
								<a href="#">
									<img src="./images/home3.webp">
									<h3>小米电视6 65” OLED</h3>
									<p class="text">OLED自发光屏 | 百万级对比度 | 4.6mm超薄全面屏</p>
									<p class="price">6699元起
										<span class="num">6999元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/home4.webp">
									<h3>小米电视6 至尊版 65英寸</h3>
									<p class="text">百级分区背光 | 双120Hz高刷 | 4.5GB+64GB</p>
									<p class="price">7199元起
										<span class="num">7999元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/home5.webp">
									<h3>小米电视 ES55 2022款</h3>
									<p class="text">多分区背光 | MEMC动态补偿 | 杜比视界</p>
									<p class="price">2599元起
										<span class="num">2999元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/home6.webp">
									<h3>米家直驱洗烘一体机 10kg</h3>
									<p class="text">DD直驱电机 安静护衣</p>
									<p class="price">2199元起
										<span class="num">2499元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/home7.webp">
									<h3>米家波轮洗衣机 10kg</h3>
									<p class="text">全景玻璃阻尼上盖 防夹手</p>
									<p class="price">1049元起
										<span class="num">1499元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/home8.webp">
									<h3>米家冰箱无霜三门216L</h3>
									<p class="text">风冷无霜 三门三温区</p>
									<p class="price">1449元起
										<span class="num">1699元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/home9.webp">
									<h3>米家冰箱无霜两门186L</h3>
									<p class="text">风冷无霜 离子抗菌 </p>
									<p class="price">1299元起
										<span class="num">1499元</span>
									</p>
								</a>
							</li>
							<li class="not_end">
								<a href="#">
									小米电视 EA50 2022款
									<small>1299元</small>
									<div class="not_photo"></div>
								</a>
							</li>
							<li class="smart_end">
								<a href="#">
									<div class="jt"></div>
									浏览更多
									<small>电视影音</small>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="life">
				<div class="smart_nav">
					<h2>生活电器</h2>
					<ul>
						<li class="smart_first">扫地机</li>
						<li>空净</li>
						<li>清洁</li>
						<li>风扇</li>
					</ul>
				</div>
				<div class="life_kind">
					<div class="home_left">
						<a href="#"><img class="home_left1" src="images/life1.webp" /></a>
						<a href="#"><img class="home_left2" src="images/life2.webp" /></a>
					</div>
					<div class="kind_right">
						<ul>
							<li>
								<a href="#">
									<img src="./images/life3.webp">
									<h3>米家全能扫拖机器人</h3>
									<p class="text">免洗集尘全自动，一机解放双手</p>
									<p class="price">3999元起
										<span class="num">4599元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/life4.webp">
									<h3>米家扫拖机器人 2Pro</h3>
									<p class="text">扫拖除菌一步到位</p>
									<p class="price">1999元起
										<span class="num">2099元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/life5.webp">
									<h3>米家扫拖机器人 2</h3>
									<p class="text">经典延续，全面升级</p>
									<p class="price">1499元起
										<span class="num">1799元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/life6.webp">
									<h3>RedmiBook Pro 15 R5/16G/512G 灰</h3>
									<p class="text">3.2K 超清视网膜全面屏 | 微米级一体精雕工艺 </p>
									<p class="price">4699元起
										<span class="num">5299元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/life7.webp">
									<h3>Redmi Book Pro 14 2022</h3>
									<p class="text">全新12代英特尔处理器，2.5K 120Hz高清屏，可选MX550独立显卡,CNC一体精雕工艺</p>
									<p class="price">5399元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/life8.webp">
									<h3>小米平板5 Pro</h3>
									<p class="text">骁龙870芯片 | 2.5K超高清｜120HZ高刷新率 </p>
									<p class="price">2349元起
										<span class="num">2499元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/life9.webp">
									<h3>RedmiBook Pro 14 R5 16G 512G UMA</h3>
									<p class="text">2.5K超视网膜全面屏</p>
									<p class="price">3999元起
										<span class="num">4699元</span>
									</p>
								</a>
							</li>
							<li class="not_end">
								<a href="#">
									米家无线吸尘器K10 Pro
									<small>1599元</small>
									<div class="not_photo"></div>
								</a>
							</li>
							<li class="smart_end">
								<a href="#">
									<div class="jt"></div>
									浏览更多
									<small>扫地机</small>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="nav2">
				<a href="#"><img src="./images/nav2.webp"></a>
			</div>
			<div class="cookhouse">
				<div class="smart_nav">
					<h2>厨房电器</h2>
					<ul>
						<li class="smart_first">净水器</li>
						<li>烟灶</li>
						<li>电饭煲</li>
						<li>微蒸烤</li>
					</ul>
				</div>
				<div class="cookhouse_kind">
					<div class="home_left">
						<a href="#"><img class="home_left1" src="images/cookhouse1.webp" /></a>
						<a href="#"><img class="home_left2" src="images/cookhouse2.webp" /></a>
					</div>
					<div class="kind_right">
						<ul>
							<li>
								<a href="#">
									<img src="./images/cookhouse3.webp">
									<h3>小米净水器1200G</h3>
									<p class="text">3.2L/min大流量，鲜活首杯水</p>
									<p class="price">3499元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/cookhouse4.webp">
									<h3>小米即热净水器Q600</h3>
									<p class="text">净热一体，1秒速热，精选调温每1℃</p>
									<p class="price">3499元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/cookhouse5.webp">
									<h3>小米净水器H600G</h3>
									<p class="text">纯净生活双出水，六级过滤健康直饮</p>
									<p class="price">1299元起
										<span class="num">1499元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/cookhouse6.webp">
									<h3>小米净水器600G</h3>
									<p class="text">600加仑通量，流速更快</p>
									<p class="price">1399元起
										<span class="num">1499元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/cookhouse7.webp">
									<h3>小米台式净饮机</h3>
									<p class="text">即滤即热，乐享鲜活纯净水</p>
									<p class="price">1099元起
										<span class="num">1499元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/cookhouse8.webp">
									<h3>小米净水器500G增强版</h3>
									<p class="text">RO反渗透，大流量直出纯净水</p>
									<p class="price">1299元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/cookhouse9.webp">
									<h3>小米净水器H800G</h3>
									<p class="text">【2:1纯废水比】废水更少，节能高效</p>
									<p class="price">1599元起
										<span class="num">1999元</span>
									</p>
								</a>
							</li>
							<li class="smart_end">
								<a href="#">
									<div class="jt"></div>
									浏览更多
									<small>电饭煲</small>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="smart_home">
				<div class="smart_nav">
					<h2>智能家居</h2>
					<ul>
						<li class="smart_first">小爱音箱</li>
						<li>门锁</li>
						<li>路由器</li>
						<li>智能设备</li>
					</ul>
				</div>
				<div class="home_kind">
					<div class="home_left">
						<a href="#"><img class="home_left1" src="images/smart_home1.webp" /></a>
						<a href="#"><img class="home_left2" src="images/smart_home2.webp" /></a>
					</div>
					<div class="kind_right">
						<ul>
							<li>
								<a href="#">
									<img src="./images/smart_home3.webp">
									<h3>Xiaomi智能家庭屏 10</h3>
									<p class="text">MIUI Home｜10.1" 高清大屏｜115°超广角摄像头｜儿童模式｜家庭 KTV｜小爱同学</p>
									<p class="price">999元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart_home4.webp">
									<h3>小米小爱音箱Play 增强版</h3>
									<p class="text">是音箱也是床头时钟</p>
									<p class="price">149元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart_home5.webp">
									<h3>Xiaomi Sound</h3>
									<p class="text">小米高保真智能音箱</p>
									<p class="price">499元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart_home6.webp">
									<h3>小米小爱音箱 Play</h3>
									<p class="text">听音乐、语音遥控家电</p>
									<p class="price">99元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart_home7.webp">
									<h3>小米小爱音箱 Pro</h3>
									<p class="text">语音遥控传统家电</p>
									<p class="price">299元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart_home8.webp">
									<h3>小米AI音箱（第二代）</h3>
									<p class="text">小米AI音箱（第二代）</p>
									<p class="price">199元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/smart_home9.webp">
									<h3>小米小爱触屏音箱</h3>
									<p class="text">好听，更好看</p>
									<p class="price">269元起</p>
								</a>
							</li>
							<li class="not_end">
								<a href="#">
									小米小爱音箱
									<small>209元</small>
									<div class="not_photo"></div>
								</a>
							</li>
							<li class="smart_end">
								<a href="#">
									<div class="jt"></div>
									浏览更多
									<small>小爱音箱</small>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="sports_travel">
				<div class="smart_nav">
					<h2>运动出行</h2>
					<ul>
						<li class="smart_first">平衡车/滑板车</li>
						<li>运动健身</li>
						<li>箱包配饰</li>
						<li>出行工具</li>
					</ul>
				</div>
				<div class="sports_kind">
					<div class="home_left">
						<a href="#"><img class="home_left1" src="images/sports1.webp" /></a>
						<a href="#"><img class="home_left2" src="images/sports2.webp" /></a>
					</div>
					<div class="kind_right">
						<ul>
							<li>
								<a href="#">
									<img src="./images/sports3.jpg">
									<h3>九号平衡车</h3>
									<p class="text">年轻人的酷玩具</p>
									<p class="price">2099元起
										<span class="num">2199元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/sports4.webp">
									<h3>九号平衡车燃动版</h3>
									<p class="text">燃动升级，随走随停</p>
									<p class="price">2399元起
										<span class="num">2599元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/sports5.png">
									<h3>九号平衡车 Plus</h3>
									<p class="text">一个形影不离的新伙伴</p>
									<p class="price">3299元起
										<span class="num">3499元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/sports6.webp">
									<h3>米家电动滑板车1S</h3>
									<p class="text">型出格，行出色</p>
									<p class="price">1999元起
										<span class="num">2199元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/sprots7.webp">
									<h3>小米米家电动滑板车Pro</h3>
									<p class="text">性能提升，动力更强劲</p>
									<p class="price">2999元起
										<span class="num">3099元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/sports8.webp">
									<h3>九号卡丁车Pro兰博基尼汽车定制版</h3>
									<p class="text">九号卡丁车Pro兰博基尼汽车定制版</p>
									<p class="price">9999元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/sports9.webp">
									<h3>九号平衡车 改装套件（不含平衡车）</h3>
									<p class="text">小朋友的大玩具，老顽童的小赛车</p>
									<p class="price">2999元起</p>
								</a>
							</li>
							<li class="smart_end">
								<a href="#">
									<div class="jt"></div>
									浏览更多
									<small>平衡车/滑板车</small>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="nav3">
				<a href="#"><img src="./images/nav3.webp"></a>
			</div>
			<div class="store">
				<div class="smart_nav">
					<h2>日用百货</h2>
					<ul>
						<li class="smart_first">个护健康</li>
						<li>电源/线材</li>
						<li>儿童用品</li>
						<li>家居床品</li>
					</ul>
				</div>
				<div class="store_kind">
					<div class="home_left">
						<a href="#"><img class="home_left1" src="images/store1.webp" /></a>
						<a href="#"><img class="home_left2" src="images/store2.webp" /></a>
					</div>
					<div class="kind_right">
						<ul>
							<li>
								<a href="#">
									<img src="./images/store3.webp">
									<h3>米家声波电动牙刷T700</h3>
									<p class="text">智能洁齿丨强劲动力</p>
									<p class="price">349元起
										<span class="num">399元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/store4.webp">
									<h3>米家电动剃须刀S500</h3>
									<p class="text">3刀头360°浮动丨超长续航</p>
									<p class="price">179元起
										<span class="num">199元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/store5.webp">
									<h3>米家理发器</h3>
									<p class="text">米家理发器</p>
									<p class="price">149元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/store6.webp">
									<h3>米家自动洗手机套装</h3>
									<p class="text">伸手出泡，抑菌有效
										<span class="num">79元</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/store7.webp">
									<h3>米家电动冲牙器</h3>
									<p class="text">超长待机丨4挡模式</p>
									<p class="price">199元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/store8.webp">
									<h3>米家声波电动牙刷T500</h3>
									<p class="text">过压提醒丨健康报告</p>
									<p class="price">179元起</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="./images/store9.webp">
									<h3>米家电子体温计</h3>
									<p class="text">快速知体温，精准更智能</p>
									<p class="price">99元起</p>
								</a>
							</li>
							<li class="not_end">
								<a href="#">
									米家自动香氛机套装
									<small>89元</small>
									<div class="not_photo"></div>
								</a>
							</li>
							<li class="smart_end">
								<a href="#">
									<div class="jt"></div>
									浏览更多
									<small>个护健康</small>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="video">
				<div class="video_nav">
					<h2>视频</h2>
					<a href="#" class="view">查看更多
						<i class="arrow fa fa-angle-right"></i>
					</a>
				</div>
				<div class="video_four">
					<ul>
						<li>
							<a href="#">
								<div class="figure_img">
									<img src="./images/video1.webp" />
									<span class="play fa fa-play"></span>
								</div>
								<h3>2021年春季新品发布会第一场</h3>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="figure_img">
									<img src="./images/video2.webp" />
									<span class="play fa fa-play"></span>
								</div>
								<h3>Redmi 10X系列发布会</h3>
								<p>Redmi 10X系列发布会</p>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="figure_img">
									<img src="./images/video3.webp" />
									<span class="play fa fa-play"></span>
								</div>
								<h3>小米10 青春版 发布会</h3>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="figure_img">
									<img src="./images/video4.webp" />
									<span class="play fa fa-play"></span>
								</div>
								<h3>小米10 8K手机拍大片</h3>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 主体结束 -->

	<!-- 尾部开始 -->
	<div class="footer">
		<div class="footer_all">
			<div class="footer_top clear">
				<ul>
					<li class="clearfix">
						<a href="#">
							<em></em>
							预约维修服务
						</a>
					</li>
					<li>
						<a href="#">
							<em></em>
							7天无理由退货
						</a>
					</li>
					<li>
						<a href="#">
							<em></em>
							15天免费换货
						</a>
					</li>
					<li>
						<a href="#">
							<em></em>
							满69元包邮
						</a>
					</li>
					<li>
						<a href="#">
							<em></em>
							1100余家售后网点
						</a>
					</li>
				</ul>
			</div>
			<div class="footer_bottom clear">
				<dl class="dl_first">
					<dt>选购指南</dt>
					<dd><a href="#">手机</a></dd>
					<dd><a href="#">电视</a></dd>
					<dd><a href="#">笔记本</a></dd>
					<dd><a href="#">平板</a></dd>
					<dd><a href="#">穿戴</a></dd>
					<dd><a href="#">耳机</a></dd>
					<dd><a href="#">家电</a></dd>
					<dd><a href="#">路由器</a></dd>
					<dd><a href="#">音箱</a></dd>
					<dd><a href="#">配件</a></dd>
				</dl>
				<dl>
					<dt>服务中心</dt>
					<dd><a href="#">申请售后</a></dd>
					<dd><a href="#">售后政策</a></dd>
					<dd><a href="#">维修服务价格</a></dd>
					<dd><a href="#">订单查询</a></dd>
					<dd><a href="#">以旧换新</a></dd>
					<dd><a href="#">保障服务</a></dd>
					<dd><a href="#">防伪查询</a></dd>
					<dd><a href="#">F码通道</a></dd>
				</dl>
				<dl>
					<dt>线下门店</dt>
					<dd><a href="#">小米之家</a></dd>
					<dd><a href="#">服务网点</a></dd>
					<dd><a href="#">授权体验店/专区</a></dd>
				</dl>
				<dl>
					<dt>关于小米</dt>
					<dd><a href="#">了解小米</a></dd>
					<dd><a href="#">加入小米</a></dd>
					<dd><a href="#">投资者关系</a></dd>
					<dd><a href="#">企业社会责任</a></dd>
					<dd><a href="#">廉洁举报</a></dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd><a href="#">新浪微博</a></dd>
					<dd><a href="#">官方微信</a></dd>
					<dd><a href="#">联系我们</a></dd>
					<dd><a href="#">公益基金会</a></dd>
				</dl>
				<div class="contact">
					<p class="numb1">400-100-5678</p>
					<p class="numb2">8:00-18:00（仅收市话费）</p>
					<a href="#" class="numb3">
						<em></em>
						人工客服
					</a>
				</div>
			</div>
		</div>
	</div>
	<!-- 尾部结束 -->
	<!-- 网站信息开始 -->
	<div class="site_info">
		<div class="site_info_all">
			<div class="site_info_top">
				<div class="xiaomi_logo2"></div>
				<div class="xiaomi_information">
					<p class="p_information">
						<a href="#">小米商城</a>
						<span>|</span>
						<a href="#">MIUI</a>
						<span>|</span>
						<a href="#">米家</a>
						<span>|</span>
						<a href="#">米聊</a>
						<span>|</span>
						<a href="#">多看</a>
						<span>|</span>
						<a href="#">游戏</a>
						<span>|</span>
						<a href="#">政企服务</a>
						<span>|</span>
						<a href="#">小米天猫店</a>
						<span>|</span>
						<a href="#">小米集团隐私政策</a>
						<span>|</span>
						<a href="#">小米公司儿童信息保护规则</a>
						<span>|</span>
						<a href="#">小米商城隐私政策</a>
						<span>|</span>
						<a href="#">小米商城用户协议</a>
						<span>|</span>
						<a href="#">问题反馈</a>
						<span>|</span>
						<a href="#">Select Location</a>
					</p>
					<p class="p_information">
						<a href="#">北京互联网法院法律服务工作站</a>
						<span>|</span>
						<a href="#">中国消费者协会</a>
						<span>|</span>
						<a href="#">北京市消费者协会</a>
					</p>
					<p class="p_info">
						©
						<a href="#">mi.com</a>
						京ICP证110507号
						<a href="#">京ICP备10046444号</a>
						<a href="#">京公网安备11010802020134号</a>
						<a href="#">京网文[2020]0276-042号</a>
						<br />
						<a href="#">（京）网械平台备字（2018）第00005号</a>
						<a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
						<a href="#">营业执照</a>
						<a href="#">医疗器械质量公告</a>
						<br />
						<a href="#">增值电信业务许可证</a>
						网络食品经营备案
						京食药网食备202010048
						<a href="#">食品经营许可证</a>
						<br />
						违法和不良信息举报电话：171-5104-4404
						<a href="#">知识产权侵权投诉</a>
						本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
					</p>
					<div class="info_photo">
						<a href="#"><img src="./images/truste.png"></a>
						<a href="#"><img src="./images/v-logo-2.png"></a>
						<a href="#"><img src="./images/icon3.png"></a>
						<a href="#"><img src="./images/v-logo-3.png"></a>
						<a href="#"><img src="./images/v-logo-4.png"></a>
					</div>
				</div>
			</div>
			<div class="site_info_bottom"></div>
		</div>
	</div>
	<!-- 网站信息结束 -->
	<script>
		//搜索框的相关效果
		var hadTxtSearch = document.getElementById('hadTxtSearch');
		var hasMouseActive = true;
		hadTxtSearch.addEventListener('focus', function () {
			hasMouseActive = false;
			this.style.borderColor = "#ff6700";
			this.nextElementSibling.style.borderColor = "#ff6700";
			this.nextElementSibling.nextElementSibling.style.display = 'block';
		}, false);

		hadTxtSearch.addEventListener('blur', function () {
			hasMouseActive = true;
			this.style.borderColor = "#e0e0e0";
			this.nextElementSibling.style.borderColor = "#e0e0e0";
			this.nextElementSibling.nextElementSibling.style.display = 'none';
		}, false);

		hadTxtSearch.addEventListener('mouseover', function () {
			if (hasMouseActive) {
				this.style.borderColor = "rgba(0,0,0,0.3)";
				this.nextElementSibling.style.borderColor = "rgba(0,0,0,0.3)";
			}
		}, false);
		hadTxtSearch.addEventListener('mouseout', function () {
			if (hasMouseActive) {
				this.style.borderColor = "rgba(0,0,0,0.1)";
				this.nextElementSibling.style.borderColor = "rgba(0,0,0,0.1)";
			}
		}, false);


		//定时器
		var placeholderData = ['红米', '手机', '黑鲨5', '冰箱', '电视', '洗衣机', 'Redmi G 2021'];
		var index = 0;
		setInterval(() => {
			index++;
			if (index > placeholderData.length - 1) {
				index = 0
			}
			hadTxtSearch.placeholder = placeholderData[index];
		}, 2000);
	</script>

	<script>
		var timer;
		//轮播图
		//当前显示的图片索引
		let swiperIndex = 0;
		//向前
		var left_arrow = document.querySelector('.banner .banner_top_right .left_arrow');
		//向后
		var right_arrow = document.querySelector('.banner .banner_top_right .right_arrow');
		//获取所有轮播图
		var imgs = document.querySelectorAll('.banner .banner_top_right img');
		right_arrow.addEventListener('click', function () {
			// imgs[swiperIndex].style.opacity = 0;
			// mark_dot[swiperIndex].style.backgroundColor='rgba(0,0,0,.4)';
			// mark_dot[swiperIndex].style.borderColor = 'hsla(0,0%,100%,.4)';
			// swiperIndex++;
			// if (swiperIndex > imgs.length - 1) {
			// 	swiperIndex = 0;
			// }
			// imgs[swiperIndex].style.opacity = 1;
			// mark_dot[swiperIndex].style.borderColor='rgba(0,0,0,.4)';
			// mark_dot[swiperIndex].style.backgroundColor = 'hsla(0,0%,100%,.4)';
			swiper('right')
		}, false);

		left_arrow.addEventListener('click', function () {
			// imgs[swiperIndex].style.opacity = 0;
			// mark_dot[swiperIndex].style.backgroundColor='rgba(0,0,0,.4)';
			// mark_dot[swiperIndex].style.borderColor = 'hsla(0,0%,100%,.4)';
			// swiperIndex--;
			// if (swiperIndex < 0) {
			// 	swiperIndex = imgs.length - 1;
			// }
			// imgs[swiperIndex].style.opacity = 1;
			// mark_dot[swiperIndex].style.borderColor='rgba(0,0,0,.4)';
			// mark_dot[swiperIndex].style.backgroundColor = 'hsla(0,0%,100%,.4)';
			swiper('left');
		}, false);

		//点击小圆圈变化图片和颜色
		var mark_dot = document.getElementsByClassName('mark_dot');
		for (let i = 0; i < mark_dot.length; i++) {

			mark_dot[i].addEventListener('click', function () {
				// imgs[swiperIndex].style.opacity = 0;
				// mark_dot[swiperIndex].style.backgroundColor='rgba(0,0,0,.4)';
				// mark_dot[swiperIndex].style.borderColor = 'hsla(0,0%,100%,.4)';
				// swiperIndex = i;
				// imgs[swiperIndex].style.opacity = 1;
				// this.style.backgroundColor='hsla(0,0%,100%,.4)';
				// 	this.style.borderColor = 'rgba(0,0,0,.4)';
				clearInterval(timer);
				swiper(i);
				timer = setInterval(() => {
					swiper('right')
				}, 5000);

			}, false);
			//mouseenter只有鼠标穿过被选中元素
			//mouseove不论鼠标穿过被选中的元素或子元素
			mark_dot[i].addEventListener('mouseenter', function () {
				this.style.backgroundColor = 'hsla(0,0%,100%,.4)';
				this.style.borderColor = 'rgba(0,0,0,.4)';
			}, false);

			mark_dot[i].addEventListener('mouseout', function () {
				if (swiperIndex == i){
					return;
				}
				this.style.backgroundColor = 'rgba(0,0,0,.4)';
				this.style.borderColor = 'hsla(0,0%,100%,.4)';
			}, false);

		}

		function swiper(dir) {
			imgs[swiperIndex].style.opacity = 0;
			mark_dot[swiperIndex].style.backgroundColor = 'rgba(0,0,0,.4)';
			mark_dot[swiperIndex].style.borderColor = 'hsla(0,0%,100%,.4)';
			if (dir == 'right') {
				swiperIndex++;
				if (swiperIndex > imgs.length - 1) {
					swiperIndex = 0;
				}
			} else if (dir == 'left') {
				swiperIndex--;
				if (swiperIndex < 0) {
					swiperIndex = imgs.length - 1;
				}
			} else {
				//dir索引
				swiperIndex = Number(dir);
				// console.log(dir);
			}

			imgs[swiperIndex].style.opacity = 1;
			mark_dot[swiperIndex].style.borderColor = 'rgba(0,0,0,.4)';
			mark_dot[swiperIndex].style.backgroundColor = 'hsla(0,0%,100%,.4)';
		}
		// 初始化
		swiper(swiperIndex);
		// 定时器
		timer = setInterval(function () { swiper('right'); }, 5000);




		//定时器
		// var swiperPhoto=document.getElementById('swiperPhoto');
		// var placeholderData2=['./images/swiper1.jpg','./images/swiper2.jpg','./images/swiper3.webp','./images/swiper4.webp'];
		// let plaindex=0;
		// setInterval(() => {
		// 	plaindex++;
		// 	if(plaindex>placeholderData2.length-1){
		// 		plaindex=0
		// 	}
		// 	swiperPhoto.src=placeholderData2[plaindex];
		// }, 2000);
	</script>

	<!-- <script>
		动态生成小圆圈
		var swiperAll=document.querySelector('.banner .banner_top_right .swiperAll');
		var mark=document.querySelector('.banner .banner_top_right .mark');
		 console.log(swiperAll.children.length);
		for(var i=0;i<swiperAll.children.length;i++){
			var li=document.createElement('li');
			mark.appendChild(li);
		}
	</script> -->

</body>

</html>